<template>
    <view>
		<view class="content" :style="'background-image: url(/static/images/reg_bg.png);'">
            <view class="warp">
			     <view style="height: 100rpx;"></view>
                <view class="nav-bar banxin">				
                    <view class="title">昵称</view>
                </view>
			   <view style="height: 102rpx;"></view>
                <view class="sex-title">您的昵称是？</view>
			   <view style="height: 102rpx;"></view>

                <view class="input-section">
                    <view class="input-title">昵称</view>
                    <input class="input-content" v-model="data.nickname" type="text" placeholder=" 请输入昵称" />
                </view>
                <view class="register-btn1" @tap="next">继续</view>
            </view>
        </view>
    </view>
</template>

<script>
	
export default {
	
    data() {
        return {
            // $c: this.$c,
            // current: 0,
            // swiperHeight: 0,
            data: {
                device: '478ca4671a993355',
                sex: '1',
                nickname: '',
                birthday: '',
                height: '',
                weight: '',
                career: '',
                income: '',
                save_city: '',
                avatar: '',
                phone: '',
                code: '',
                password: '',
                phone_model: 'RMX3366'
            }
        };
    },
	onLoad() {
	    this.data = uni.getStorageSync('registerInfo');
	},
    methods: {
        next() {
			console.log("this.data.nickname: " + JSON.stringify(this.data.nickname));
            if ('' == this.data.nickname) {
                this.$c.show('请填写');
                return;
            }
            uni.setStorageSync('registerInfo', this.data);
            this.$c.jump('/pages/m-pages/m-login/register2');
        }
    }
};
</script>

<style lang="scss">
.content {
    width: 750rpx;
    min-height: 100vh;
    background-size: 750rpx 100vh;
    //background-repeat: no-repeat;
    background-position: 0 0;

    .warp {
        width: 702rpx;
        margin: 0 auto;

        .nav-bar {
            display: flex;
            font-weight: 550;
            font-size: 34rpx;
            color: #fff;

            .title {
                width: 680rpx;
                text-align: center;
				color: #000;
            }
        }

        .sex-title {
            font-weight: 600;
            font-size: 48rpx;
            color: #fff;
            line-height: 62rpx;
        }

        .input-section {
            border-radius: 24rpx;
            width: 694rpx;
            margin: 0 auto;
            background: rgba(255, 255, 255, 0.06);

            font-size: 32rpx;
            font-weight: 600;
            color: #000;
            padding: 0 20rpx;
            box-sizing: border-box;
            padding-bottom: 32rpx;
            position: relative;
            margin-bottom: 56rpx;

            .input-title {
                padding: 32rpx 0;
				color: #fff;
            }

            .input-content {
                padding: 20rpx 20rpx;
               // background: #7d7d96;
                border-radius: 8rpx;
				border:1rpx solid #7d7d96;				
                font-size: 32rpx;
                font-weight: 400;
                color: #fff;
                line-height: 44rpx;
            }
        }

        .register-btn1 {
            margin: 0 auto;
            text-align: center;
            line-height: 120rpx;
            color: #a14617;
            width: 552rpx;
            height: 120rpx;
            background: linear-gradient(127deg, #fff4de 0%, #ffe6ba 100%, #ffe6ba 100%);
            border-radius: 60rpx;
        }
    }
}
</style>
